<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>用户签到</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
    <script src="./js/back.js" type="text/javascript" charset="utf-8"></script>
</head>
<style type="text/css">
		.boodr {
			border-bottom-style: solid;
			border-width: 1px;
		}


</style>
<body>
<div class="container-fluid" style="margin-top: 10px;">
    <div class="container" style="height: 100px;">
        <div class="row">
            <img class="col-sm-1 thumbnail" src="img/avatar.png"/>
            <div class="col-sm-10" style="height: 100%;">
                <div style="font-size: 18px" id="name">王生安</div>
                <div>北京市</div>
                <div id="tel">187186657853</div>
            </div>
            <div class="col-sm-1" style="height: 100%;">
                <button  type="button"
                        class="btn btn-group-sm btn-primary center-block" style="margin-top: 50%;">
                    签到
                </button>
            </div>
        </div>
    </div>
    <div class="row" style="background-color: #17FFFC;margin-top: 10px;">
        <h4>任务列表</h4>
    </div>
    <div class="row boodr">
        <h5 class="col-sm-6">任务目标 1</h5>
        <h5 class="col-sm-6 text-right"><a onclick="btn()">点击此处去完成</a></h5>
    </div>
    <div class="row boodr">
        <h5 class="col-sm-6">任务目标 2</h5>
        <h5 class="col-sm-6 text-right"><a>去完成</a></h5>
    </div>
    <div class="row boodr">
        <h5 class="col-sm-6">任务目标 3</h5>
        <h5 class="col-sm-6 text-right"><a>去完成</a></h5>
    </div>
    <div class="row boodr">
        <h5 class="col-sm-6">任务目标 4</h5>
        <h5 class="col-sm-6 text-right"><a>去完成</a></h5>
    </div>
</div>
</body>
</html>
